<ion-view>
    <ion-header-bar class="bar-balanced" align-title="left" >

        <div class="buttons">
            <button class="button button-icon button-clear ion-navicon" menu-toggle="left"></button>
        </div>
        <h1 class="title">社团名称</h1>
        <div class="buttons">
            <button class="button button-icon button-clear ion-ios-search"></button>
        </div>
    </ion-header-bar>
    <ion-content>

        <ion-refresher
                pulling-text="Pull to refresh..."
                on-refresh="doRefresh()">
        </ion-refresher>

        <div class="list">


          <ul>
            <li ng-repeat="p in Posts">

              <div class="card">
                <div class="item item-avatar">
                  <img src="http://media.cmgdigital.com/shared/lt/lt_cache/thumbnail/400/img/photos/2012/05/23/cb/92/justin_bieber.jpg">
                  <h2>用户名</h2>
                  <p>{{p.updateTime}}</p>
                </div>

                <div class="item item-body">

                  <p>
                    {{p.title}}
                  </p>
                  <p>
                    {{p.content}}
                  </p>
                  <p>
                    <a href="#" class="subdued">{{p.praise}}赞</a>
                    <a href="#" class="subdued">5 回复</a>
                  </p>
                </div>

                <div class="item tabs tabs-secondary tabs-icon-left">
                  <a class="tab-item" href="#">
                    <i class="icon ion-thumbsup"></i>
                    Like
                  </a>
                  <a class="tab-item" href="#">
                    <i class="icon ion-chatbox"></i>
                    Comment
                  </a>
                  <a class="tab-item" href="#">
                    <i class="icon ion-share"></i>
                    Share
                  </a>
                </div>
              </div>

            </li>
          </ul>

            <div class="card">
                <div class="item item-avatar">
                    <img src="http://img00.deviantart.net/a558/i/2014/094/d/e/selena_gomez_png__2_by_lightsoflove-d7czi3r.png">
                    <h2>Selena Gomez</h2>
                    <p>November 05, 2015</p>
                </div>

                <div class="item item-body">
                    <img class="full-image" src="http://starity.hu/images/articles/800x600/a-peta-ellenzi-selena-gomez-rozsaszin-lovait-06020341.jpg">
                    <p>
                        This is a "Facebook" styled Card. The header is created from a Thumbnail List item,
                        the content is from a card-body consisting of an image and paragraph text.
                    </p>
                    <p>
                        <a href="#" class="subdued">1 Like</a>
                        <a href="#" class="subdued">5 Comments</a>
                    </p>
                </div>

                <div class="item tabs tabs-secondary tabs-icon-left">
                    <a class="tab-item" href="#">
                        <i class="icon ion-thumbsup"></i>
                        Like
                    </a>
                    <a class="tab-item" href="#">
                        <i class="icon ion-chatbox"></i>
                        Comment
                    </a>
                    <a class="tab-item" href="#">
                        <i class="icon ion-share"></i>
                        Share
                    </a>
                </div>
            </div>


        </div>

    </ion-content>
</ion-view>
